<template>
  <div id="MoiveHeader">
    <header>
      <span>电影</span>
    </header>
    <article>
      <input v-model="find " class="search" placeholder="请输入搜索内容" @keyup.enter="Search" />
      <div class="choice-flex">
        <router-link to="/in_theaters">正在热映</router-link>
        <router-link to="/coming_soon">即将上映</router-link>
        <router-link to="/top250">top250</router-link>
      </div>
    </article>

    <router-view />
  </div>
</template>

<script>
export default {
  name: "MoiveHeader",
  data() {
    return {
      find: "林"
    };
  },
  methods: {
    Search() {
      this.$router.push({
        path: "/search",
        query: {
          tag: this.find
        }
      });
    }
  }
};
</script>
<style lang="less" scoped>
</style>
